header {
    position: relative;
    height: 37.1rem;
    width: 100%;
    background: #ccc;

    img {
        width: 100%;
        height: 37.1rem;
    }

    .icon-31fanhui1 {
        position: absolute;
        top: 1rem;
        left: 1rem;
        color: #fff;
    }

    .play {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 7.5rem;
        width: 5.6rem;
        color: #fff;

        .icon-24gf-play {
            margin-bottom: 2rem;
            font-size: 3.5rem;
        }

    }
}

main {
    padding: 0 2.5rem;
}

.courseTitle {
    padding: 2.5rem 0 1.4rem;
    width: 100%;
    border-bottom: 0.1rem solid #ccc;

    .details {
        margin-top: 1rem;
        justify-content: space-between;
        color: #a8a8a8;

        .time {
            margin-left: 3rem;
        }
    }
}

.courseAuthor {
    justify-content: space-between;
    width: 100%;
    height: 8rem;

    .author {
        height: 8rem;

        .avator {
            width: 8rem;
            height: 8rem;
            border-radius: 50%;
            background: #ccc;
        }

        .authorInfo {
            padding: 1.5rem 0 1.5rem 1.5rem;
        }
    }

    .follow {
        margin: 2.3rem 0 2.2rem;
        width: 8rem;
        height: 3.5rem;
        line-height: 3.5rem;
        color: #fff;
        background: #4294FF;
        border-radius: 2.3rem;
    }
}

.descBox {
    position: relative;
    color: #8A8A8A;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    .more {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

.other {
    margin: 3.2rem 0 3.6rem;
    width: 100%;
    font-size: 0;
}

.left {

    p:first-child {
        height: 2.3rem;
        line-height: 2.3rem;

        i {
            margin-right: 0.5rem;
            font-size: 2.3rem !important;
        }
    }
}

.right {

    padding-left: 2.5rem;
    border-left: 0.1rem dashed #bbb;

    p:first-child {
        height: 3.3rem;
        line-height: 2.3rem;

        i {
            margin-right: 0.5rem;
            font-size: 3.3rem !important;
        }
    }
}

.begin {
    width: 35rem;
    height: 5.5rem;
    line-height: 5.5rem;
    color: #fff;
    background: #4294FF;
    border-radius: 2.7rem;
}